<template>
    <div class="check-button">
    <div class="checkButton-No" v-show="isActive">
        <img src="~assets/images/checkButton/NoXuanZhong.png" alt="未选中图标">
    </div>
    <div class="checkButton-Yes" :class="isActive? 'checkButton-Yes-yc':'checkButton-Yes-xs'">
        <img src="~assets/images/checkButton/YesXuanZhong.png" alt="选中图标">
    </div>
    </div>
</template>

<script>
export default {
    name: 'CheckButton',
    data() {
        return{
            isActive: true
        }
    },
    props: {
      isCheck:{
        type: Boolean,
        default: false
      }
    },
    updated() {
        // console.log(this.isCheck);
    }
}
</script>

<style scopde>
.check-button{
  width: 25px;
  height: 25px; 
  margin-right: 15px;
  border-radius: 50%; 
}
.check-button img {
    width: 100%;
    height: 100%;
}
.checkButton-Yes-yc {
    opacity: 0;
}
.checkButton-Yes-xs {
    opacity: 1;
}
</style>